<template>
  <header id="head_top">
    <slot name="logo"></slot>
    <section class="head_goBack" v-if="goBack" @click="$router.go(-1)">

    </section>
    <router-link to="/" v-if="signIn" class="head_login">
      <span class="user_avatar">登录|注册</span>
    </router-link>
    <section class="title_head ellipsis">
      <span class="title_text">{{ headTitle }}</span>
    </section>
  </header>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        mounted() {

        },
        props: ['signIn','headTitle','goBack'],
        computed: {

        },
        methods: {

        }
    }
</script>

<style lang="scss" scoped>
  @import '../../style/mixin';
  #head_top{
    background-color: $blue;
    color:white;
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
  }
  .user_avatar{
    display: flex;
  }
</style>
